.header{
	height:7.02rem;
	width: 100%;
	background:url(../images/bg-top.jpg) no-repeat;
	background-size:100% 100%;	
	position: relative;			
}

.header .details{
	display: inline-block;
	background:url(../images/activityrule.png) no-repeat;
	background-size:100% 100%;
	padding:0.16rem 0.23rem;
	position: absolute;
	z-index: 1;
	right: 0;
	bottom: 0.7rem;
	color:#fff;										
}

[data-dpr="1"] .details {
    font-size: 13px;
}

[data-dpr="2"] .details {
    font-size: 26px;
}

[data-dpr="3"] .details {
    font-size: 39px;
}

.main{
	background:url(../images/bg-buttom.jpg) no-repeat;
	background-size:100% 100%;
	width: 100%;
	padding-bottom: 0.25rem;
}

.main .luck_bg,.main .luck_bg table,.main .luck_bg table tr{
	box-sizing: border-box;
}

.main .luck_bg{
	background:url(../images/awardarea.png) no-repeat;
	background-size:100% 100%;
	padding:0.85rem 0.6rem 0 0.5rem;
	height: 8.17rem;
	position: relative;
}

.luck_bg table{
	width: 100%;
}

.luck_bg table tr td>div{
	width: 1.4rem;
	height: 1.46rem;
	border-radius: 10px;
	vertical-align:top;
	background-color: #b27f30;
	margin:0 auto;
	margin-bottom: 0.05rem;
}


.luck_bg table tr td div.td_main{
	width:100%;
	background-color: #f9f3db;
	height: 90.4%;
	border-radius: 10px;
}


/*选中时的效果*/

td>img{
	position: absolute;
	top: 0;
}

.luck_bg table tr td.active>div div.td_main{
	background:url(../images/selected.png) 49% 49% no-repeat;
	background-size: 140% 140%;
	background-color: #f9f3db;
}

.luck_bg table tr td div.td_main div.img_wrap{
	width:100%;
	height: 70%;
	text-align: center;
	line-height: 1rem;
}

.luck_bg table tr td div.td_main div.img_wrap img{
	vertical-align: middle;
	margin: 0 auto;
}

.luck_bg table tr td div.td_main span.text{
	color:#683d00;
	display: inline-block;
	width: 100%;
	height: 25%;
	text-align: center;
}

[data-dpr="1"] .text {
    font-size: 9px;
}

[data-dpr="2"] .text {
    font-size: 18px;
}

[data-dpr="3"] .text {
    font-size: 27px;
}

.luck_bg table tr td.no_prize div.td_main span.text{
	margin-top: 0.53rem;
	color:#d86b00;
}

[data-dpr="1"] td.no_prize div.td_main span.text {
    font-size: 13px;
}

[data-dpr="2"] td.no_prize div.td_main span.text {
    font-size: 26px;
}

[data-dpr="3"] td.no_prize div.td_main span.text {
    font-size: 39px;
}


.luck_bg table tr td.luc_center{
	background:url(../images/btnchoujiang.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
}

.luck_bg table tr td.luc_center p.chance {
	text-align: center;
	position: absolute;
	z-index: 1;
	display: inline-block;
	width: 100%;
	bottom: 0.7rem;
	color:#cb5e00;
}
.luck_bg table tr td.luc_center p.chance span{
	color:#ed0000;
}

.main .luck_bg .luck_tit{
	width: 2.18rem;
	height: 0.49rem;
	background:url(../images/myPrize.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
	margin-top: -0.66rem;
	margin-bottom: 0.1rem;
}

.main .luck_bg .luck_tit p{
	text-align: center;
	line-height: 0.49rem;
}

[data-dpr="1"] .main .luck_bg .luck_tit p {
    font-size: 12px;
}

[data-dpr="2"] .main .luck_bg .luck_tit p {
    font-size: 24px;
}

[data-dpr=""] .main .luck_bg .luck_tit p {
    font-size: 36px;
}

.main .luck_bg .luck_foot{
	text-align: center;
}

.main .luck_bg .luck_foot p{
	height: 0.74rem;
	line-height: 0.74rem;
	display: inline-block;
	padding:0 0.5rem;
	text-align: center;
	background:url(../images/activitytime.png) no-repeat;
	background-size: 100% 100%;
}

.main .share{
	text-align: center;
}

.main .share a{
	display: inline-block;
	width: 2.83rem;
	height: 0.73rem;
	background:url(../images/sharenow.png) no-repeat;
	background-size: 100% 100%;
}

.wrap {
	overflow: hidden;
	display: none;
	width: 100%;
	padding；1.5rem;
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
}

.wrap img{
	width: 7.2rem;
}

.wrap button{
	outline: 0;
	border:0;
}

.wrap button.again{
	background: url(../images/again.png) no-repeat;
	width: 2.1rem;
	height: 0.86rem;
	background-size: 100% 100%;
	position: relative;
	bottom: 3.3rem;
    left: 2.0rem;   
}

.wrap button.xxx{
	width: 0.48rem;
	height: 0.48rem;
	border-radius: 50%;
	color: #fff;
	background-color: #686868;
	position: absolute;
	z-index: 100;
	right:0.7rem;
	top:1rem;
}